<!--Created by zhanghan on 2018/01/19 调度日志-->
<div>
    <div class="yu-search">
        <!--列表搜索区域 -->
        <div class="filter-container">
            <el-form-q form="query" :field-data="queryFields" :buttons="queryButtons"></el-form-q>
        </div>
    </div>
    <div class="yu-toolBar">
        <el-button-group>
            <el-button icon="edit" @click="openDetailFn">{{ $t('jobLog.zkrz') }}</el-button>
            <el-button icon="yx-bin" @click="deleteFn">{{ $t('jobLog.scrz') }}</el-button>
            <el-button icon="yx-bin" @click="logKill">{{ $t('jobLog.zzrw') }}</el-button>
        </el-button-group>
    </div>
    <el-table-x ref="logtable" :checkbox="mainGrid.checkbox" :max-height="mainGrid.height" :data-url="mainGrid.dataUrl" :data-params="mainGrid.dataParams"
        :table-columns="mainGrid.tableColumns" @custom-detail-click="checkLogFn" @custom-msg-click="handleMsgShowFn">
    </el-table-x>

    <!--调度备注面板-->
    <el-dialog-x :center="true" :title="$t('jobLog.ddbz')" :visible.sync="dialogFormVisible" width="400px">
        <div ref="ideEditor"></div>
    </el-dialog-x>
    <!--调度日志面板-->
    <el-dialog-x :center="true" :title="$t('jobLog.ddrz')" :visible.sync="checkDetil" height="400px">
        <div ref="checkDetil"></div>
    </el-dialog-x>
    <!--执行备注面板-->
    <el-dialog-x :center="true" :title="$t('jobLog.zxbz')" :visible.sync="handleMsgVisible" width="500px">
        <div ref="handleMsg"></div>
    </el-dialog-x>
</div>